<template>
  <DeviceCardEdit :value="value" disabled :shadow="shadow">
    <template #header>
      <slot name="header"></slot>
    </template>
    <template #footer>
      <slot name="footer"></slot>
    </template>
  </DeviceCardEdit>
</template>

<script>

import DeviceCardEdit from "@/components/new/device-card/DeviceCardEdit";
export default {
  name: "DeviceCardView",
  components: {DeviceCardEdit},
  props: {
    value: {
      default: () => {
        return {
          id: -1,
          name: '',
          os: '',
          ram: 200,
          processorArchitecture: ''
        }
      }
    },
    shadow: {
      default: 'hover'
    }
  }
}
</script>

<style scoped>
</style>
